﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ForeProgram/Shared/MasterPage.master"
    AutoEventWireup="true" CodeFile="product.aspx.cs" Inherits="ForeProgram_product" %>

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <link rel="stylesheet" type="text/css" href="css/shoppingcart.css" />
<%--    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/layout.css" />--%>
    <link rel="stylesheet" type="text/css" href="css/mallhead.css" />
    
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <script type="text/javascript">
        function changeProListStyle(list) {
            $("#ContentPlaceHolder1_txtList").val(list);
            $("#ContentPlaceHolder1_btnQuery").click();
        }
    </script>
    <asp:TextBox ID="txtLoad" runat="server" style="display:none" ></asp:TextBox>
        <input id="showStyle" type="hidden" name="showStyle" />
        <div class="caption clear">
            <%--<span style="padding-right: 15px; float: right" class="listorder"><a id="ordersellqty"
                class="list_desc_on" title="按销量排序" onclick="javascript:queryProductOrderBy(this)"
                href=""><i>销量</i></a> <a id="orderprice" class="list_asc" title="按价格高低排序" onclick="javascript:queryProductOrderBy(this)"
                    href=""><i>价格</i></a> </span>--%><span style="padding-bottom: 2px; padding-right: 5px">显示方式</span>
            <a href="javascript:changeProListStyle('grid')">
                <img id="showGrid" class="showGrid" alt="格子排列" runat="server" onclick="changeProListStyle('grid');" src="images/display_mode_1.gif" /></a>
            <a href="javascript:changeProListStyle('bar')">
                <img id="showBar" class="showBar" runat="server" onclick="changeProListStyle('bar');" border="0" alt="条子排列" src="images/display_mode_2_2.gif" /></a>
            <%--<span style="padding-bottom: 5px; padding-left: 450px">排列方式</span>--%>
        </div>
        <input id="recordCount" value="684" type="hidden" name="recordCount"><input id="totalPage"
            value="35" type="hidden" name="totalPage"><input id="currPage" value="1" type="hidden"
                name="currPage"><input id="firstResult" value="0" type="hidden" name="firstResult"><input
                    id="maxResults" value="20" type="hidden" name="maxResults"/>
        <!--格子显示-->
        <asp:Button ID="btnQuery" Style="display: none" runat="server" Text="查询" OnClick="btnQuery_Click" />
        <asp:TextBox ID="txtList" Style="display: none" Text="grid" runat="server"></asp:TextBox>
        <div class="content">
            <ul class="goods_grid2">
                <asp:DataList ID="dlProduct" DataKeyField="productid" RepeatColumns="4" RepeatLayout="Table" RepeatDirection="Horizontal"
                    runat="server" OnItemDataBound="dlProduct_ItemDataBound">
                    <ItemTemplate>
                        <li>
                            <p id="getsmpic" class="ico">
                            </p>
                            <p class="img">
                                <asp:HyperLink ID="hlOpen" runat="server">
                                    <asp:Image Style="border: 0" ID="imgProduct" ImageUrl="" runat="server" />
                                </asp:HyperLink>
                            </p>
                            <p class="name">
                            <asp:HyperLink ID="hlOpen1" runat="server">
                                    <asp:Label ID="lblProductname" runat="server" Text=""></asp:Label><span class="red"></span>
                                </asp:HyperLink>
                            </p>
                            <p class="price">
                                <font class="market_price">
                                    <asp:Label ID="lblMarketprice" runat="server" Text=""></asp:Label></font><br>
                                <asp:Label ID="lblDiscountprice" runat="server" Text=""></asp:Label><br>
                            </p>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
            <ul class="goods_item">
                <asp:DataList ID="dlBar" RepeatColumns="1" DataKeyField="productid" 
                    RepeatLayout="Flow" RepeatDirection="Vertical"
                    runat="server" OnItemDataBound="dlProduct_ItemDataBound" 
                    onitemcommand="dlBar_ItemCommand">
                    <ItemTemplate>
                        <li>
                            <p class="item_cart">
                                <asp:Button ID="btnBuy" CommandName="Buy" style="border: medium none; background: transparent url(images/d1j_r10_c11.gif) repeat scroll 0% 0%;
                                    margin-top: 2px; cursor: pointer; width: 64px; height: 20px; -moz-background-clip: -moz-initial;
                                    -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" runat="server" Text="" />
                               <%-- <input type="button" onclick="" document.location.href="/vvshopProductView/pid-60678.jhtml"
                                    style="border: medium none; background: transparent url(images/d1j_r10_c11.gif) repeat scroll 0% 0%;
                                    margin-top: 2px; cursor: pointer; width: 64px; height: 20px; -moz-background-clip: -moz-initial;
                                    -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" />--%>
                                <%--<input type="button" onclick="" document.location.href="#"
                                    style="border: medium none; background: transparent url(images/d1j_r10_c13.jpg) repeat scroll 0% 0%;
                                    margin-top: 2px; cursor: pointer; width: 96px; height: 20px; -moz-background-clip: -moz-initial;
                                    -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" />--%>
                            </p>
                            <p class="ico" id="getsmpic">
                                <!--   -->
                            </p>
                            <p class="img">
                            <asp:HyperLink ID="hlOpen" runat="server" Target="_blank">
                                 <asp:Image Style="border: 0" ID="imgProduct" ImageUrl="" runat="server" />
                                </asp:HyperLink>
                            </p>
                            <p class="name">
                            <asp:HyperLink ID="hlOpen1" runat="server" Target="_blank">
                                    <asp:Label ID="lblProductname" runat="server" Text=""></asp:Label><span class="red"></span> </a>
                                <br />
                                <font class="market_price"><asp:Label ID="lblMarketprice" runat="server" Text=""></asp:Label></font><br />
                                 <asp:Label ID="lblDiscountprice" runat="server" Text=""></asp:Label><br />
                              </asp:HyperLink>
                            </p>
                        </li>
                    </ItemTemplate>
                </asp:DataList>
            </ul>
            <webdiyer:AspNetPager ID="AspNetPager1" CssClass="paginator" ShowCustomInfoSection="Left"
                PageSize="20" CurrentPageButtonClass="cpb" runat="server" OnPageChanged="AspNetPager1_PageChanged"
                CustomInfoClass="" FirstPageText="首页" LastPageText="尾页" NextPageText="下一页" PrevPageText="上一页"
                ShowInputBox="Never" CustomInfoTextAlign="Right" InvalidPageIndexErrorMessage="页索引不是有效的数值！"
                LayoutType="Table" NavigationToolTipTextFormatString="{0}" PageIndexBoxType="TextBox"
                PageIndexOutOfRangeErrorMessage="页索引超出范围！" ShowPageIndexBox="Auto">
            </webdiyer:AspNetPager>
            <div class="clear">
            </div>
        </div>
        <div class="clear">
        </div>
  </asp:Content>
